*{
    /*去除内外边框*/
    margin: 0px;
    padding: 0px;
}
.top{
    /*默认[div]高是0，宽是100%*/
    /* border: 1px solid blue;*/
    background-image:url("../img/banner_qtah.jpg") ;
    height: 808px;
    /*设置图片和浏览器的高度宽度相同*/
    background-size:100% 100% ;
    color: azure;
}
.top >div {
    /*  border: 1px solid peru;*/
    height: 120px;
}
/*定义first容器【1；拿到容器在进行定义并居中】*/
.top> div{
    display: flex;
    /*居中*/
    justify-content: center;

}
.top> div>div{
    width: 900px;
}
/*拿到这个下级div
 根据分析得：
 1：显示一行并两端对齐，将这个div设置为first容器
*/
.top> div:first-child>div{
    /* border: 1px solid khaki;*/
    height: 100px;
    display: flex;
    justify-content: space-between;
    /*上下居中*/
    align-items: center;
}
/*手机和号码也要显示一行
nth-child(1)是从一开始，表示从第一个div下的2个子div显示一行
*/
.top> div:nth-child(1)>div>div:nth-child(2){
    display: flex;
    /*上下居中*/
    align-items: center;
}
/*定义图片高宽，指定的像素*/
.top> div:nth-child(1)>div>div:nth-child(1){
    height: 141px;
    width: 204px;
}
/*不管图片多大都和指定的宽高相同*/
.top> div:nth-child(1)>div>div:nth-child(1)>img{
    height: 100%;
    width: 100%;
}
/*-----------------------------中间部分*/
/*对中间进行设置*/
.top> div:nth-child(2){/*表示第二个兄弟标签*/
    height: 50px;
    background-color: rgb(230,145,55);
    /*  display: flex;
      justify-content: center;*/
}
/*对上级的子类内容进行一行显示*/
.top> div:nth-child(2)>div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/*针对导航 设置鼠标事件*/
.x:hover{
}

.top>div:nth-child(2)>div>div:hover{
    background-color: aliceblue;
    color: blue;
    align-items: center;
    /*鼠标显示手的样式*/
    cursor: pointer;
}
/*设置字体上下居中*/
.x{

}
.top>div:nth-child(2)>div>div{
    line-height: 50px;
    height: 50px;
    /*左右间距25px*/
    padding: 0 25px;
}
/*----------------------广告信息展示部分*/
.top>div:nth-child(3)>div>div:nth-child(1){

    font-size: 40px;
    /*上40 左右0 下25*/
    margin: 40px 0 25px;
}
.top>div:nth-child(3)>div>div:nth-child(2)>div{
    margin: 10px 0px;
    font-size: 10px;

}
.s{
    display: flex;
    align-items: flex-end;
    margin: 10px 0px;
    font-size: 20px;
}
.si{
    color: rgb(230,145,55);
    font-size: 30px;
}
.sx{
    color: rgb(230,145,55);
    font-size: 30px;
    /*缩进当前字符*/
    text-indent: 1.5em;
}
